<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>product</title>


    <link rel="shortcut icon" href="favicon.ico" />
    <link rel="stylesheet" href="./css/common/reset.css">
    <link rel="stylesheet" href="./css/common/common.css">
    <link rel="stylesheet" href="./css/common/header.css">
    <link rel="stylesheet" href="./css/common/footer.css">
    <link rel="stylesheet" href="./css/product.css">

    <link rel="stylesheet" href="./css/common/rexiao.css">


    <script src="./lib/jquery.js"></script>

    <script src="./js/user-stro.js"></script>
    <script>
        $(function () {
            $(".hot-sfq>li").on("click", function () {
                $(this).find(".rig-desc").slideToggle().prev().toggle(600).closest("li").siblings().find('.rig-desc').slideUp().prev().show(600);
            })
        })
    </script>

</head>

<body>

    <!-- 头部开始 -->
    <header class="header clearfix">
        <!-- 顶部 -->
        <div class="top">
            <div class="wrapper">
                <span>
                    乐购www.legou.com
                </span>
                <span class="show-user">
                    欢迎光临乐购 &nbsp; 请 <span><a href="./login.html">登录 </a> | <a href="./register.html">注册</a></span>
                </span>
            </div>
        </div>
        <!-- 导航栏 -->
        <nav class="nav-t">
            <section class="nav wrapper">

                <section class="logo">

                </section>

                <section class="header-desc">
                    <div class="top-t clearfix">
                        <div class="search">
                            <input type="text" placeholder="请输入搜索的商品名字">
                            <button></button>
                        </div>
                        <div class="car">
                            <b>购物车</b>
                            <span>0</span>
                        </div>

                        <div class="order">
                            我的订单
                        </div>
                    </div>

                    <div class="option">
                        <ul>
                            <li>图书</li>
                            <li>电子书</li>
                            <li>原创文学</li>
                            <li>服装</li>
                            <li>运动户外</li>
                            <li>孕婴童</li>
                            <li>家具</li>
                            <li>创意文具</li>
                            <li>地方特产</li>
                            <li>海外购</li>
                            <li>电器城</li>
                        </ul>
                    </div>

                </section>
            </section>

        </nav>


    </header>
    <div class="clear"></div>
    <!-- 头部结束 -->

    <!-- banner开始 -->
    <div class="pro-banner">
        <div class="wrapper" id="pro-bg">
            <div class="pro-dis">
                <p>潮流新区</p>

                <h3>大家都在穿</h3>
                <dl>
                    <dd>当季新品</dd>
                    <dd>商场同款</dd>
                    <dd>天猫独家</dd>
                    <dd>连衣裙</dd>
                    <dd>卫衣</dd>
                    <dd>短外套</dd>
                    <dd>衬衫</dd>
                    <dd>气质套装</dd>
                    <dd>卫衣</dd>
                    <dd>毛衣</dd>
                    <dd>羽绒服</dd>
                </dl>

                <h3>品质上装</h3>
                <dl>
                    <dd>当季新品</dd>
                    <dd>商场同款</dd>
                    <dd>天猫独家</dd>
                    <dd>连衣裙</dd>
                    <dd>卫衣</dd>
                    <dd>短外套</dd>
                    <dd>衬衫</dd>
                </dl>

                <h3>特色服饰</h3>
                <dl>
                    <dd>时尚套装</dd>
                    <dd>休闲套装</dd>
                    <dd>妈妈装</dd>
                    <dd>大码女装</dd>
                    <dd>卫衣</dd>
                    <dd>套装裙</dd>
                    <dd>皮草</dd>
                    <dd>气质套装</dd>
                    <dd>雪纺长裙</dd>
                    <dd>短裤</dd>
                    <dd>哈伦裤</dd>
                </dl>
            </div>
        </div>
    </div>
    <!-- banner结束 -->


    <!-- pro-show 开始 -->
    <div class="pro-show wrapper">
        <div class="pro-top">
            <div class="pro-left">
                <h4>品牌闪购 </h4>
                <div>
                    <div class="pro-tips">
                        <span>初秋时尚</span>
                        <br>
                        <span>全场三折起</span>
                    </div>
                    <img src="./img/cc12.jpg" alt="">
                </div>
            </div>

            <div class="pro-mid">
                <h4>聚名牌 <span>LUXURY CHANNEL</span> </h4>
                <div>
                    <div class="pro-tips">
                        <span>初秋时尚</span>
                        <br>
                        <span>全场三折起</span>
                    </div>
                    <img src="./img/cc11.jpg" alt="">
                </div>
            </div>

            <div class="pro-right">
                <h4>品牌活动 <span>BRAND ACTIVITY</span> </h4>
                <div>
                    <div class="pro-tips">
                        <span>初秋时尚</span>
                        <br>
                        <span>全场三折起</span>
                    </div>
                    <img src="./img/ku.jpg" alt="">
                </div>
            </div>

        </div>

        <!-- 1 6 9 13 -->
        <div class="pro-bottom">
            <img src="./img/cc1.jpg" alt="">
            <img src="./img/cc6.jpg" alt="">
            <img src="./img/cc9.jpg" alt="">
            <img src="./img/cc13.jpg" alt="">
        </div>
    </div>
    <!-- pro-show 结束 -->

    <!-- hotwoman 开始 -->
    <div class="hotsales wrapper">
        <div class="lingx"></div>
        <div class="lingx1">
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>

            <div></div>
            <div></div>
        </div>
        <div class="hot-top">
            <h2>女装热销</h2>
            <p>Ladies Fashion Hot Sell</p>

        </div>
        <div class="hot-bom">
            <div class="hot-left">
                <div>
                    <div class="hot-des">
                        <span>口红</span>
                        <span>女装</span>
                        <span>女包</span>
                        <span>卸妆洁面</span>
                    </div>
                    <img src="./img/tz0.jpg" alt="">
                </div>
            </div>
            <div class="hot-mid">
                <div>
                    <img src="./img/pro1.jpg" alt="">
                </div>

                <div>
                    <p>ONLY2019秋冬新款弹力女裤</p>
                    <h3>秋装上新装</h3>

                    <span>¥ 179.00</span>
                    <h4>¥ 230.00</h4>

                    <img src="./img/nzk.jpg" alt="">
                </div>
                <div>
                    <p>ONLY2019秋冬新款弹力女裤</p>
                    <h3>秋装上新装</h3>

                    <span>¥ 179.00</span>
                    <h4>¥ 230.00</h4>

                    <img src="./img/nzk1.jpg" alt="">
                </div>
                <div>
                    <img src="./img/bk.jpg" alt="">
                </div>
            </div>

            <div class="hot-right">
                <ul class="hot-sfq">
                    <li>
                        <div class="rig-tips">1. 乐町牛仔外套女19秋季新款短外套女</div>
                        <div class="rig-desc">
                            <p>女 装 销 量 &nbsp; <span>暴买热款</span> &nbsp;&nbsp; <span>实时更新</span> </p>
                            <div class="rig-cont">
                                <img src="./img/sfq.jpg" alt="">
                                <div>
                                    <h5>乐町牛仔外套女19秋季新款短外套女</h5>

                                    <span>¥ 199.00</span>
                                </div>
                            </div>
                        </div>
                        <div class="b-line"></div>

                    </li>

                    <li>
                        <div class="rig-tips">2. 乐町牛仔外套女19秋季新款短外套女</div>

                        <div class="rig-desc">
                            <p>女 装 销 量 &nbsp; <span>暴买热款</span> &nbsp;&nbsp; <span>实时更新</span> </p>
                            <div class="rig-cont">
                                <img src="./img/sfq.jpg" alt="">
                                <div>
                                    <h5>乐町牛仔外套女19秋季新款短外套女</h5>

                                    <span>¥ 199.00</span>
                                </div>
                            </div>
                        </div>
                        <div class="b-line"></div>
                    </li>

                    <li>
                        <div class="rig-tips">3. 乐町牛仔外套女19秋季新款短外套女</div>
                        <div class="rig-desc">
                            <p>女 装 销 量 &nbsp; <span>暴买热款</span> &nbsp;&nbsp; <span>实时更新</span> </p>
                            <div class="rig-cont">
                                <img src="./img/sfq.jpg" alt="">
                                <div>
                                    <h5>乐町牛仔外套女19秋季新款短外套女</h5>

                                    <span>¥ 199.00</span>
                                </div>
                            </div>

                        </div>
                        <div class="b-line"></div>
                    </li>

                    <li>
                        <div class="rig-tips">4. 乐町牛仔外套女19秋季新款短外套女</div>
                        <div class="rig-desc">
                            <p>女 装 销 量 &nbsp; <span>暴买热款</span> &nbsp;&nbsp; <span>实时更新</span> </p>
                            <div class="rig-cont">
                                <img src="./img/sfq.jpg" alt="">
                                <div>
                                    <h5>乐町牛仔外套女19秋季新款短外套女</h5>

                                    <span>¥ 199.00</span>
                                </div>
                            </div>
                        </div>
                        <div class="b-line"></div>


                    </li>

                    <li>
                        <div class="rig-tips">5. 乐町牛仔外套女19秋季新款短外套女</div>
                        <div class="rig-desc">
                            <p>女 装 销 量 &nbsp; <span>暴买热款</span> &nbsp;&nbsp; <span>实时更新</span> </p>
                            <div class="rig-cont">
                                <img src="./img/sfq.jpg" alt="">
                                <div>
                                    <h5>乐町牛仔外套女19秋季新款短外套女</h5>

                                    <span>¥ 199.00</span>
                                </div>
                            </div>
                        </div>
                        <div class="b-line"></div>

                    </li>

                    <li>
                        <div class="rig-tips">6. 乐町牛仔外套女19秋季新款短外套女</div>
                        <div class="rig-desc">
                            <p>女 装 销 量 &nbsp; <span>暴买热款</span> &nbsp;&nbsp; <span>实时更新</span> </p>

                            <div class="rig-cont">
                                <img src="./img/sfq.jpg" alt="">
                                <div>
                                    <h5>乐町牛仔外套女19秋季新款短外套女</h5>

                                    <span>¥ 199.00</span>
                                </div>
                            </div>
                        </div>
                        <div class="b-line"></div>

                    </li>
                </ul>
            </div>



        </div>

    </div>
    <!-- hotwoman 结束 -->


    <!-- hotman 开始 -->
    <div class="hotsales wrapper">
        <div class="lingx"></div>
        <div class="lingx1">
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>

            <div></div>
            <div></div>
        </div>
        <div class="hot-top">
            <h2>男装热销</h2>
            <p>Ladies Fashion Hot Sell</p>

        </div>
        <div class="hot-bom">
            <div class="hot-left">
                <div>
                    <div class="hot-des">
                        <span>手表</span>
                        <span>男装</span>
                        <span>男包</span>
                        <span>成功手册</span>
                    </div>
                    <img src="./img/cc8.jpg" alt="" id="hot-img1">
                </div>
            </div>
            <div class="hot-mid">
                <div>
                    <img src="./img/cc5.jpg" alt="">
                </div>

                <div>
                    <p>ONLY2019秋冬新款弹力女裤</p>
                    <h3>秋装上新装</h3>

                    <span>¥ 179.00</span>
                    <h4>¥ 230.00</h4>

                    <img src="./img/bg0.jpg" alt="">
                </div>
                <div>
                    <p>ONLY2019秋冬新款弹力女裤</p>
                    <h3>秋装上新装</h3>

                    <span>¥ 179.00</span>
                    <h4>¥ 230.00</h4>

                    <img src="./img/ku.jpg" alt="">
                </div>
                <div>
                    <img src="./img/cc10.jpg" alt="">
                </div>
            </div>

            <div class="hot-right">
                <ul class="hot-sfq">
                    <li>
                        <div class="rig-tips">1. 乐町牛仔外套女19秋季新款短外套女</div>
                        <div class="rig-desc">
                            <p>女 装 销 量 &nbsp; <span>暴买热款</span> &nbsp;&nbsp; <span>实时更新</span> </p>
                            <div class="rig-cont">
                                <img src="./img/sfq.jpg" alt="">
                                <div>
                                    <h5>乐町牛仔外套女19秋季新款短外套女</h5>

                                    <span>¥ 199.00</span>
                                </div>
                            </div>
                        </div>
                        <div class="b-line"></div>

                    </li>

                    <li>
                        <div class="rig-tips">2. 乐町牛仔外套女19秋季新款短外套女</div>

                        <div class="rig-desc">
                            <p>女 装 销 量 &nbsp; <span>暴买热款</span> &nbsp;&nbsp; <span>实时更新</span> </p>
                            <div class="rig-cont">
                                <img src="./img/sfq.jpg" alt="">
                                <div>
                                    <h5>乐町牛仔外套女19秋季新款短外套女</h5>

                                    <span>¥ 199.00</span>
                                </div>
                            </div>
                        </div>
                        <div class="b-line"></div>
                    </li>

                    <li>
                        <div class="rig-tips">3. 乐町牛仔外套女19秋季新款短外套女</div>
                        <div class="rig-desc">
                            <p>女 装 销 量 &nbsp; <span>暴买热款</span> &nbsp;&nbsp; <span>实时更新</span> </p>
                            <div class="rig-cont">
                                <img src="./img/sfq.jpg" alt="">
                                <div>
                                    <h5>乐町牛仔外套女19秋季新款短外套女</h5>

                                    <span>¥ 199.00</span>
                                </div>
                            </div>

                        </div>
                        <div class="b-line"></div>
                    </li>

                    <li>
                        <div class="rig-tips">4. 乐町牛仔外套女19秋季新款短外套女</div>
                        <div class="rig-desc">
                            <p>女 装 销 量 &nbsp; <span>暴买热款</span> &nbsp;&nbsp; <span>实时更新</span> </p>
                            <div class="rig-cont">
                                <img src="./img/sfq.jpg" alt="">
                                <div>
                                    <h5>乐町牛仔外套女19秋季新款短外套女</h5>

                                    <span>¥ 199.00</span>
                                </div>
                            </div>
                        </div>
                        <div class="b-line"></div>


                    </li>

                    <li>
                        <div class="rig-tips">5. 乐町牛仔外套女19秋季新款短外套女</div>
                        <div class="rig-desc">
                            <p>女 装 销 量 &nbsp; <span>暴买热款</span> &nbsp;&nbsp; <span>实时更新</span> </p>
                            <div class="rig-cont">
                                <img src="./img/sfq.jpg" alt="">
                                <div>
                                    <h5>乐町牛仔外套女19秋季新款短外套女</h5>

                                    <span>¥ 199.00</span>
                                </div>
                            </div>
                        </div>
                        <div class="b-line"></div>

                    </li>

                    <li>
                        <div class="rig-tips">6. 乐町牛仔外套女19秋季新款短外套女</div>
                        <div class="rig-desc">
                            <p>女 装 销 量 &nbsp; <span>暴买热款</span> &nbsp;&nbsp; <span>实时更新</span> </p>

                            <div class="rig-cont">
                                <img src="./img/sfq.jpg" alt="">
                                <div>
                                    <h5>乐町牛仔外套女19秋季新款短外套女</h5>

                                    <span>¥ 199.00</span>
                                </div>
                            </div>
                        </div>
                        <div class="b-line"></div>

                    </li>
                </ul>
            </div>



        </div>

    </div>
    <!-- hotman 结束 -->


    <!-- 品牌热销 开始 -->
    <div class="hotsales wrapper">
        <div class="lingx"></div>
        <div class="lingx1">
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>

            <div></div>
            <div></div>
        </div>
        <div class="hot-top">
            <h2>品牌专区</h2>
            <p>Ladies Fashion Hot Sell</p>

        </div>

        <div class="hot-bom-t">

            <div class="hot-t-left">
                <img src="./img/cc10.jpg" alt="">
            </div>

            <div class="hot-t-right">
                <h3>XX品牌</h3>
                <p>HLA JEANS更注重与年青一代的情感沟通，提出“不普通的普通人”的品牌主张，鼓励年轻群体在生活之中坚持小自我，在平凡之中展现小个性，在平淡之中发现小乐趣，活出自己的与众小不同</p>
                <span>品牌特卖中 &nbsp; > ></span>
            </div>

        </div>


        <div class="hot-bom-b">
            <div>
                <img src="./img/cc6.jpg" alt="">
                <div>
                    <p>GOLD SHAR</p>
                    <h2>品质男装 秋季焕新</h2>
                    <div class="star">
                        <img src="./img/收藏.png" alt="">
                        <span>收藏产品</span>
                    </div>
                </div>
            </div>
            <div>
                <img src="./img/cc7.jpg" alt="">
                <div>
                    <p>GOLD SHAR</p>
                    <h2>品质男装 秋季焕新</h2>
                    <div class="star">
                        <img src="./img/收藏.png" alt="">
                        <span>收藏产品</span>
                    </div>
                </div>
            </div>
            <div>
                <img src="./img/cc2.jpg" alt="">
                <div>
                    <p>GOLD SHAR</p>
                    <h2>品质男装 秋季焕新</h2>
                    <div class="star">
                        <img src="./img/收藏.png" alt="">
                        <span>收藏产品</span>
                    </div>
                </div>
            </div>
            <div>
                <img src="./img/cc9.jpg" alt="">
                <div>
                    <p>GOLD SHAR</p>
                    <h2>品质男装 秋季焕新</h2>
                    <div class="star">
                        <img src="./img/收藏.png" alt="">
                        <span>收藏产品</span>
                    </div>
                </div>
            </div>

        </div>

    </div>
    <!-- 品牌热销 结束 -->


    <!-- 页脚开始 -->
    <footer>

        <section class="footer-fuwu wrapper">
            <ul>
                <li>
                    <img src=" ./img/zp.jpg" alt="">
                    <div>
                        <span>
                            正品保障
                        </span>
                        <b>
                            正品行货 放心选购
                        </b>
                    </div>

                </li>
                <li>
                    <img src=" ./img/yf.jpg" alt="">
                    <div>
                        <span>
                            满86包邮
                        </span>
                        <b>
                            满86元 免运费
                        </b>
                    </div>

                </li>
                <li>
                    <img src=" ./img/sh.jpg" alt="">

                    <div>
                        <span>
                            售后无忧
                        </span>
                        <b>
                            7天无理由退款
                        </b>
                    </div>

                </li>
                <li>
                    <img src=" ./img/zs.jpg" alt="">

                    <div>
                        <span>
                            准时中送
                        </span>
                        <b>
                            收获时间由你做主
                        </b>
                    </div>

                </li>
            </ul>
        </section>

        <section class="footer-des wrapper">
            <ul>
                <li>
                    <ol>
                        <li>
                            <a href="">新手入门</a>

                        </li>
                        <li>
                            <a href="">购物流程</a>

                        </li>
                        <li>
                            <a href="">会员制度</a>

                        </li>
                        <li>
                            <a href="">订单查询</a>
                        </li>
                        <li>
                            <a href="">服务协议及隐私说明</a>
                        </li>
                        <li>
                            <a href="">网站地图</a>
                        </li>
                    </ol>
                </li>


                <li>
                    <ol>
                        <li>
                            <a href="">支付方式</a>

                        </li>
                        <li>
                            <a href="">货到付款</a>

                        </li>
                        <li>
                            <a href="">网上支付</a>

                        </li>
                        <li>
                            <a href="">礼品卡支付</a>
                        </li>
                        <li>
                            <a href="">其它支付</a>
                        </li>
                    </ol>
                </li>


                <li>
                    <ol>
                        <li>
                            <a href="">配送服务</a>

                        </li>
                        <li>
                            <a href="">配送进度查询</a>

                        </li>
                        <li>
                            <a href="">商品验货与签收</a>

                        </li>
                    </ol>
                </li>


                <li>
                    <ol>
                        <li>
                            <a href=""> 相关规则</a>

                        </li>
                        <li>
                            <a href="">平台规则</a>

                        </li>
                        <li>
                            <a href="">退换货政策</a>
                        </li>
                        <li>
                            <a href="">发票制度</a>
                        </li>

                        <li>
                            <a href="">帮助中心</a>
                        </li>

                    </ol>
                </li>

                <li class="yhj">
                    <p>APP更优惠</p>

                    <img src=" ./img/qryhd.png" alt="">


                </li>

                <li class="yhj">
                    <p>加微信查订单</p>

                    <img src=" ./img/qryhd.png" alt="">

                </li>

            </ul>
        </section>

        <section class="footer-b">
            <div class="wrapper">

                <div>
                    <p>
                        沪ICP备XXXXXXXXX号 | 经营证照 │ 互联网药品信息服务资格证(沪)-经营性-2017-0006 | 违法和不良信息举报电话:XX-XXXX | 沪B2-X
                    </p>
                    <p>
                        沪公网安备XXXXXXXXX号 │ 友情链接 │ 出版物经营许可证 │ 增值电信业务经营许可证
                    </p>
                </div>

                <div class="links">
                    <img src=" ./img/wz2.png" alt="">
                    <img src=" ./img/wz1.jpg" alt="">
                    <img src=" ./img/wz3.jpg" alt="">
                    <img src=" ./img/wz4.jpg" alt="">
                    <img src=" ./img/wz5.jpg" alt="">
                    <img src=" ./img/wz1.jpg" alt="">
                </div>
            </div>
        </section>

    </footer>
    <!-- 页脚开始 -->




</body>

</html>